
.tip404{
    height:60px;
    background: #f0bd35;
    text-align: center;
}
.tip404-content{
    min-width:947px;
    max-width:1440px;
    margin: auto;
    color:#a64200;
}
.tip404-text{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-family: "Microsoft yahei";
    text-align: center;
    line-height: 60px;
}
.tip404-text *{
    vertical-align: middle;
}
.tip404-close{
    color:#a64200;
    float: right;
    line-height: 60px;
    font-size: 16px;
    cursor: pointer;
}
.top-nav{
    height:85px;
}
.header{
    min-width:947px;
    max-width:1440px;
    margin: auto;
}
.header-top{
    background: url("../img/beijingtu.jpg");
    background-size: cover;
    height: 300px;
}
.search-wrapper{
    height:60px;
    padding-top:30px;
}
.famous-websites{
    /* padding: 10px 0; */
}
.classify-websites{
    margin-top:20px;
}
.left-classify{
    display: flex;
}
.right-classify{
    margin-top:20px;
}
.header__inner {
    position: relative;
    padding: 0 0 0 205px;
    height: 61px;
    font-size: 12px;
    font-family: Tahoma;
}
.header__item--logo {
    display: inline;
    position: absolute;
    top: 0;
    left: 0;
}
.header__item--fl {float: left;margin-left: 22%;}
.hao123logo {
    position: relative;
    height: 44px;
    line-height: 44px;
    margin-top:16px;
}

.header__item {
    height: 85px;
}
.header__item--ib {
    vertical-align: top;
    display: inline-block;
}
.header__item--weather {
    /* min-width: 180px; */
    _width: 180px;
}
.weather {
    position: relative;
    padding: 0 1px;
    white-space: nowrap;
}
.weather__item {
    display: inline-block;
    height: 85px;
    line-height: 85px;
}
.weather__item *{
    vertical-align: middle;
}

.weather__item, .weather__item:hover {
    color: #fff;
    text-decoration: none;
    vertical-align: top;
}
.weather__city {
    vertical-align: top;
    padding: 0 40px 0 8px;
}
.weather__city-name {
    display: inline-block;
}
.weather__city-arrow {
    display: inline-block;
    overflow: hidden;
    width: 9px;
    height: 6px;
    margin-left: 4px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.weather__pm25-text {
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    background-color: #ccc;
    color: #fff;
    border-radius: 2px;
}
.weather__info-txt {
    display: inline-block;
    margin-left: 4px;
}
.weather__info-temperature {
    display: inline-block;
    margin-left: 38px;
}
.weather-icon{
    font-size: 16px;
}
.login__icon--user{
    font-size: 16px;
}
.calendar__text--nongli {
    vertical-align: top;
    overflow: hidden;
    width: 70px;
    height: 85px;
    position: relative;
}
.calendar .slider {
    vertical-align: top;
    display: inline-block;
}
.slider, .slider__grid {
    position: relative;
    zoom: 1;
}
.calendar .slider, .calendar .slider__grid, .calendar .slider__content, .calendar .slider__slide {
    width: 67px;
    height: 85px;
}
.slider__content {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.calendar__link, .calendar__nongli-link, .calendar__link:hover, .calendar__nongli-link:hover {
    color: #fff;
    text-decoration: none;
}
.slider__slide {
    float: left;
}
.headlink__link, .headlink__link:hover {
    color: #fff;
    text-decoration: none;
}
.sk_skin-color-green .headlink__link:hover {
    background: #f7f7f7;
    filter: none;
}
.header__item--fr {
    float: right;
    white-space: nowrap;
}
.header__item--ib {
    vertical-align: top;
    display: inline-block;
}
.headlink {
    position: relative;
    vertical-align: top;
    height: 85px;
}
.headlink, .headlink__link, .headlink__icon, .headlink__text {
    display: inline-block;
}
.login__state-logout {
    display: inline-block;
}
.headlink__link {
    position: relative;
    z-index: 302;
    padding: 0 40px;
    line-height: 85px;
}
.search .left {
    float: left;
    margin: 4px 30px 0 -26px;
    _margin-right: 27px;
}

.search .input {
    width: 448px;
    height: 44px;
    border: 0;
    margin: 0px 30px 0 60px;
    _margin-top: 2px;
    font: 13px arial;
}
.search .input-wrapper {
    position: relative;
}
.search .input-shadow {
    width: 638px;
    height: 44px;
    border: 1px solid #767676;
    border-right: 0;
    background: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.search {
    width: 800px;
    position: relative;
    margin: auto;
}
.search .logo {
    width: 120px;
    height: 40px;
    position: relative;
}
.search .link {
    position: absolute;
    left: 0;
    z-index: 100;
}
.search .link span {
    width: 120px;
    height: 39px;
    display: block;
}
.search .link .color {
    background: url(https://gss2.bdstatic.com/5eR1dDebRNRTm2_p8IuM_a/her/static/indexher/container/module/search/searchlogo.dd56f38.png);
}
.right.form-wrapper{
    float: left;
}
.tabs-toggle, .tabs-toggle:hover {
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: 0;
    z-index: 1;
    padding: 0 10px;
    width: 38px;
    height: 44px;
    font: 400 12px/45px simsun;
    text-decoration: none;
    color: #999;
}
.tabs-toggle .arrow {
    position: absolute;
    top: 14px;
    left: 38px;
    width: 9px;
    height: 6px;
    font-size: 16px;
}
.fix-search{
    position: fixed;
    top: 0;
    background: rgba(245, 245, 245, 0.91);
    border-bottom: 1px solid #999999;
    z-index: 100;
    width: 100%;
}
#search .tabs {
    display: none;
    position: absolute;
    top: 45px;
    left: 124px;
    z-index: 776;
    border: 1px solid #666;
    border-top: 0;
    background: #fff;
}
.search .button-wrapper {
    vertical-align: top;
    border: 1px solid #666;
    border-left-color: #999;
    margin-left: -4px;
}
.search .button {
    width: 118px;
    height: 44px;
    border: 0;
    font-size: 16px;
    color: #333;
    background: #e6e6e6;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#e6e6e6);
    background-image: -moz-linear-gradient(top,#fff 0,#e6e6e6 100%);
    background-image: -webkit-linear-gradient(top,#fff 0,#e6e6e6 100%);
    background-image: -ms-linear-gradient(top,#fff 0,#e6e6e6 100%);
    background-image: linear-gradient(top,#fff 0,#e6e6e6 100%);
    background-image: -o-linear-gradient(top,#fff 0,#e6e6e6 100%);
    background-image: -webkit-gradient(linear,right top,right bottom,color-stop(0%,#fff),color-stop(100%,#e6e6e6));
    cursor: pointer;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.search .button:hover {
    background: #f4f4f4;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f4f4f4, endColorstr=#e5e5e5);
    background-image: -moz-linear-gradient(top,#f4f4f4 0,#e5e5e5 100%);
    background-image: -webkit-linear-gradient(top,#f4f4f4 0,#e5e5e5 100%);
    background-image: -ms-linear-gradient(top,#f4f4f4 0,#e5e5e5 100%);
    background-image: linear-gradient(top,#f4f4f4 0,#e5e5e5 100%);
    background-image: -o-linear-gradient(top,#f4f4f4 0,#e5e5e5 100%);
    background-image: -webkit-gradient(linear,right top,right bottom,color-stop(0%,#f4f4f4),color-stop(100%,#e5e5e5));
}
.hotsearchCon {
    width: 759px;
    margin:10px auto;
}
.hotsearch-box {
    position: relative;
    z-index: 103;
    width: 658px;
    height: 20px;
    margin-left: 30px;
}
.hotsearch-box .boxhot {
    overflow: hidden;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
     flex: 1;
    justify-content: space-between;
}
.hotsearch-box .boxhot li {
    display: inline-block;
    margin-left: 20px;
}
.hotsearch-box .boxhot li a{
    color:#ffffff;
}
.hotsearch-box .boxhot .title {
    margin-right: 6px;
}

.famous-websites{
    /* background: #f0f0f0; */
    min-width: 960px;
    max-width: 1440px;
    margin: auto;
}

.famous-websites ul{
    padding: 0;
}
.famous-websites-item{
    float: left;
    width: 209px;
    height: 100px;
    align-content: center;
    text-align: center;
    margin-top: 10px;
    line-height: 100px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    display:-webkit-flex;
    -webkit-align-items: center;
    border: 1px solid #f0f0f0;
    -webkit-justify-content: center;
    margin-left: 10px;
}
.famous-websites-item a{
    display: flex;
    align-items: center;
    justify-content: center;
    display:-webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    height: 100px;
    align-content: center;
    text-align: center;
    line-height: 100px;
    width: 100%;
}
.famous-websites-item:hover{
    background: rgba(161, 215, 253, 0.29);
}

.famous-websites-item img{
    vertical-align:middle;
}
.famous-websites-content{
    margin-left: -10px;
}
.tab-nav-wrapper{
    display: flex;
    flex:1;
    flex-direction: column;
    width: 100%;
}
.toptab {
    position: relative;
    z-index: 20;
    border: 0;
    /* background: #f7f7f8; */
    line-height: 40px;
    display: flex;
    flex-direction: column;
    flex:1;-ms-flex:1;
    height: 304px;
    margin:20px 0;
    align-items: center;
    width: 10%;
    float: left;
}
.toptab .channel{
    width: 100%;
    text-align: center;
    color: #616161;
    position: relative;
    margin-top:-1px;
    display: block;
    height: 55px;
    flex:1;-ms-flex:1;
    /* border-bottom:1px solid #ffffff; */
    justify-content: center;
    align-items: center;
    display: flex;
    background:#a1d7fd;
    margin-top:1px;
}
.toptab .channel a{
    width: 100%;
    text-align: center;
    color: #616161;
    position: relative;
    margin-top:-1px;
    display: block;
    height: 55px;
    flex:1;-ms-flex:1;
    justify-content: center;
    align-items: center;
    display: flex;
}
.toplinks{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin:20px 0;

}
.toptab .channel:last-child{
    border:0;
}
.toptab span {
    position: relative;
    cursor: pointer;
    color:#0166c4;
}
.toptab .channel:hover{
    background: #4fb3f5;
}
.toptab .channel.active{
    background: #0099ff;
    color:#ffffff;
}
.toptab .channel:hover span,.toptab .channel.active span{
    color: #ffffff;
}
.toptab .channel.last span{
    border:0;
}
#toptoutiao{
    background: #e7eef6;
    width: 100%;
}
.classify-middle-wrapper{
    display: block;
    width: 90%;
    height: 344px;
    float: left;
}

.left-classify-img{
    /*background: url("../img/guanggaotu.jpg");
    background-size: cover;*/
    margin-left: 20px;
    width: 50%;
    height: 100%;
    float: left;
}
.left-classify-img .slide-wrapper{
    height: 100%;
}
.scroll {
    position: relative;
}
.scroll .scroll-content-wrap {
    position: relative;
    z-index: 10;
}
.scroll .scroll-content {
    
}
.toplist {
    width: 278px;
    position: relative;
    z-index: 200;
    margin-left: 10px;
}
.toplist .slider-wrap {
    margin-bottom: 10px;
}
.slider__content {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.slider, .slider__grid, .slider__content, .slider__slide {
    width: 278px;
    height: 110px;
}
.slider__slides {
    position: relative;
    width: 999999px;
}
.slider--type-fade .slider__slide {
    position: absolute;
    top: 0;
    left: 0;
}
.slider--type-fade .slider__slides {
    width: 100%;
}
.imglink {
    width: 278px;
}
.imglink__img, .imglink__title-wrap {
    position: relative;
    display: block;
}
.imglink__img-mask, .imglink__img {
    width: 278px;
    height: 110px;
}
.imglink__img-mask, .imglink__img {
    height: 110px;
}
.toplist p {
    margin: 0 auto;
    height: 28px;
    line-height: 28px;
    margin-top:10px;
}
.toplist p a{
    color:#666666;
}
.toplist .rank {
    float: left;
    overflow: hidden;
    display: inline;
    margin: 12px 5px 0 0;
    _margin-right: 2px;
    width: 4px;
    height: 4px;
    background: #99d6ff;
}
.coolsite-groups {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-content: space-between;
}

.coolsite-category {
   position: relative;
    height: 32px;
    line-height: 32px;
    text-align: center;
    height: auto;
    float: left;
    flex:1;-ms-flex:1;
    margin-left: 10px;
    background: #f5f5f5;
}
.coolsite-category:first-child{
    margin-left: 0;
}
.coolsite-category .coolsite-name-wrap {
    background: #a1d7fd;
    width: 100%;
    height: 50px;
    border-bottom: 2px solid #288fd4;
    line-height: 50px;
}
.coolsite-category .coolsite-name-wrap a{
    color: #0166c4;
    font-size: 18px;
}
.coolsite-category:last-child .coolsite-name-wrap a{
    border:0;
}
.coolsite-category a {
    padding: 0 7px;
    _padding: 0 5px;
}
.coolsite-category span {
    position: relative;
    padding: 0 9px;
    _zoom: 1;
    display: block;
}
.coolsite-category .coolsite-more-wrap {
    padding: 0;
    position: absolute;
    bottom: 0;
    background: #e8e8e8;
    width: 100%;
}
.width-nr .coolsite-category span {
    padding: 0;
}
.coolsite-category .coolsite-more {
    vertical-align: top;
    padding-right: 16px;
    font-size: 12px;
    font-family: \5b8b\4f53;
}
.s-fc20, .g-fc20, .s-fc20:hover, .s-fc20h:hover, .g-fc20h:hover {
    color: #666666;
}
.item-classify{
    height: 373px;
    
}
.g_clr.coolsite-category:hover{
    background: #e5f5ff;
}
.g_clr.coolsite-category:hover .coolsite-name-wrap{
    background: #0099ff;
}
.g_clr.coolsite-category:hover .coolsite-name-wrap a{
    color:#ffffff;
    border-bottom:1px solid #0099ff;
    text-decoration: none;
}
.coolsite-itemname{
    position: relative;
}
.toppic{
    position: relative;
}
.imglink__title{
    position: absolute;
    bottom:0px;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    width: 100%;
}

.bottom{
    border-top:1px solid #dfdfdf;
    margin-top: 20px;
}
.bottom-text{
    white-space: pre-wrap;
    text-align: center;
    color: #999999;
    padding: 20px;
    font-size: 12px;
}
@media screen and (max-width: 1340px){
    .toplist{margin-left: 40px;}
    .toplist:last-child{display: none;}
}


.large-show{
    display:block !important;
}
.famous-websites-mini,.mini-show{
    display: none !important;
}
.weather__info-temperature.large-show{
    display: inline-block !important;
}
